<template>
	<view v-if="co.status==1" class="susBtn posi-f " :class="[co.type == 'left' ? 'l0' : 'r0']" :style="{ top: (co.shifting*2.5)+'rpx' }">
		<view class="imgc bf f-c" v-for="(v, i) in co.imgUrl" :key="i" @click="goTo(v)">
			<view class="img">
				<mg-img :src="v.img"></mg-img>
			</view>
			<view class="name">
				{{i == 0 ? '提前点单' : (i == 1? '新人福利' : '一起拼单')}}
			</view>
		</view>
	</view>

</template>
<script>
	export default {
		name: 'susBtn',
		props: {
			co: {
				type: Object,
				default: function() {
					return {}
				}
			},
		},
		data() {
			return {
				img: ''
			};
		},
		methods: {
			goTo(v) {
				this.goUrl(v.url, v)
			}
		},
		created() {
			console.log(this.co ,111111111)
		}
	};
</script>
<style lang="scss" scoped>
	.susBtn {
		width: 100%;
		display: flex;
		gap: 20rpx;
		padding: 40rpx;
		
		.imgc {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: center;
			padding: 24rpx 0;
			flex: 1;
			height: 220rpx;
			background-color: rgba(255,255,255,0.5) !important;
			border-radius: 10rpx;
			&:not(:last-child) {
				margin-bottom: 20rpx;
			}

			.img {
				width: 116rpx;
				height: 116rpx;
			}
		}
	}
</style>
